<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>

</head>

<body>
    <main>
        <div class="info_title">
            <p>
                <span class="iconfont icon-zuojiantou" id="skip"></span>
                个人资料
            </p>
        </div>

        <div class="weui-cells">
            <!-- 头像 -->
            <div class="weui-cell weui-cell_access adator">
                <span class="weui-cell__bd">
                    <span>更换头像</span>
                </span>
                <span class="weui-cell__ft">
                    <label>
                        <input type="file" id="file">
                        <img src="../../assets/images/头像.jpg" alt="" id="adator" data-value="0">
                    </label>
                </span>
            </div>
            <!-- 用户名 -->
            <div class="weui-cells">
                <div class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>昵称</p>
                    </div>
                    <div class="weui-cell__ft">
                        <div class="weui-cells__title">
                            <input class="weui-input" type="text" placeholder="用户名" id="nickName" />
                        </div>
                    </div>
                </div>
            </div>
            <!-- 性别 -->
            <div class="weui-cell  weui-cell_access">
                <span class="weui-cell__bd">
                    <span>性别</span>
                </span>
                <span class="weui-cell__ft" id="gender" data-value="0">男</span>
            </div>
            <!-- 生日 -->
            <div class="weui-cell  weui-cell_access">
                <span class="weui-cell__bd">
                    <span>生日</span>
                </span>
                <span class="weui-cell__ft" id="birthday">未选择</span>
            </div>
            <!-- 省份 -->
            <div class="weui-cell  weui-cell_access">
                <span class="weui-cell__bd">
                    <span>所在省份</span>
                </span>
                <span class="weui-cell__ft" id="provice" data-value='0'>未选择</span>
            </div>
            <!-- 城市 -->
            <div class="weui-cell  weui-cell_access">
                <span class="weui-cell__bd">
                    <span>所在城市</span>
                </span>
                <span class="weui-cell__ft" id="city" data-value='0'>未选择</span>
            </div>
            <!-- 错误提示 -->
            <div id="textToast" style="opacity: 0; display: none;">
                <div class="weui-mask_transparent"></div>
                <div class="weui-toast weui-toast_text">
                    <p class="weui-toast__content">请先选择省份</p>
                </div>
            </div>
            <!-- 简介 -->
            <div class="weui-cell  weui-cell_access">
                <span class="weui-cell__bd">
                    <span>个人简介</span>
                </span>
            </div>
            <div class="weui-cells__group weui-cells__group_form">

                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell weui-cell_active" id="xiugai">
                        <div class="weui-cell__bd">
                            <textarea class="weui-textarea" placeholder="请描述你所发生的问题" rows="3" id="sign"
                                maxlength="20"></textarea>
                            <div class="weui-textarea-counter"><span id="textNum">0</span>/20</div>
                        </div>
                    </div>
                </div>
            </div>
            <botton class="weui-btn weui-btn_primary" id="btn">保存信息</botton>
    </main>
</body>

</html>